<template>
  <!-- <page-loading :show="showPage"> -->
	<view class="car">
		<!-- 标题 -->
		<view v-show='mycarlist.length!==0' @click="goLink('/pages_commodity/myLoveCar/myLoveCar')">
			<view class="top flex flex-ai-c" v-for="(item,index) in mycarlist" :key='item.id'>
				<view class="top-main flex">
					<view class="flex">
						<view class="top-logo">
							<image style="width:90rpx;height: 90rpx;" :src="'https://files.yzsheng.com/goodimg/brandimg/' + item.brand_Id + '.png'"></image>
						</view>
						<view class="top-title">
							<view>{{item.brand_Name}}-{{item.car_Type_Name}}</view>
							<view class="pz">{{item.car_Name}}</view>
						</view>
					</view>
				</view>
				<view style="margin:0 20rpx;">
					<u-icon name="arrow-right" size="32rpx" color="#999999"></u-icon>
				</view>
				<!-- <view class="flex flex-jc-fe" style="flex: 1;position: absolute;top: 30rpx;right: 24rpx;">
					<text class="maintain" @click="goBy(index)" >保养记录</text>
				</view> -->
			</view>
		</view>
		
		<view v-show='mycarlist.length===0' class="top flex flex-jc-c flex-dir-c default" style="height: 160rpx;position: relative;">
			<view style="margin: 0 42rpx;">
				<image src="https://files.yzsheng.com/client/index/carMaintenance/tianjiaqiche.png" style="width: 199rpx;height: 91rpx;position: absolute;bottom: 33rpx;right: 40rpx;"></image>
				<view style="color: #666666;">添加爱车，提供精准适配服务</view>
				<view class="add" @click="addConf">添加爱车<u-icon name="arrow-right"></u-icon></view>
			</view>
			
		</view>
		
    <!-- 自助洗车入口 -->
    <!-- <self-wash-entry /> -->
    
		<!-- 菜单1===-2 -->
		<view class="menu">
			<view class="menu-list flex flex-jc-sa">
				<!-- <view class="menu-item" v-for="(item,i) in typeMenu" :key="'type' + i" @click="goLink(item.path,item.id)"> -->
				<view class="menu-item" v-for="(item,i) in typeMenu" :key="i" @click="goLink(item.path,item.id)">
					<!-- <image class="item-img" :src="item.imgSrc" mode="widthFix"></image> -->
					<i-icon :icon="item.imgSrc" type="multiple" size="90rpx"></i-icon>
					<view class="item-text">{{item.text}}</view>
				</view>
			</view>
			<view class="menu-list flex flex-jc-sa">
				<!-- <view class="menu-item" v-for="(item,i) in typeMenu2" :key="'type' + i" @click="goLink(item.path)"> -->
				<view class="menu-item" v-for="(item,i) in typeMenu2" :key="i" @click="goLink(item.path)">
					<!-- <image class="item-img" :src="item.imgSrc" mode="widthFix"></image> -->
					<i-icon :icon="item.imgSrc" type="multiple" size="90rpx"></i-icon>
					<view class="item-text">{{item.text}}</view>
				</view>
			</view>
		</view>
		
		<!-- banner -->
		<view class="banner">
			<swiper class="img-swipe" :autoplay="true" :circular="true" :indicator-dots="false" :interval="3000" :current="bannerCurrent"
			 @change="swiperChange">
				<swiper-item v-for="(item, index) in banners" :key="index" >
					<image :src="item.img" @click="goBanner(item.path,item.id)" ></image>
				</swiper-item>
			</swiper>
		</view>
		
		<!-- 福利购 -->
		<view>
			<wash-list :list='list'></wash-list>
		</view>
		
		<!-- 附近门店 -->
		<view>
			<nearStore-list :list='storeList' :storeTotal='storeTotal'></nearStore-list>
		</view>
	
		
	</view>	
  <!-- </page-loading> -->
</template>

<script src='./car_maintenance.js'>
</script>

<style lang="scss" scoped>
	@import './car_maintenance.scss';
</style>
